<link rel="stylesheet" href="./css/frame0.css?v=1.0.1">

<style>
    /* 滚动公告 */
    .notice {
        color: #673AB7;
        font-size: 12px;
        background: #e2d6f7;
    }

    .notice span {
        margin-right: 20px;
    }

    .more.active {
        color: #673AB7;
    }
</style>

<div id="view" v-cloak>
    <header id="fn-head">
        <ul class="h-wrap w-bg">
            <!-- 第一个头部 -->
            <li class="h-list one">
                <div class="flex-bt new-padding-10" style="overflow: hidden;" id="index-nav">
                    <div class="flex">
                        <div id="search" class="flex" onclick="_url({}, 'frame0/search_win')">
                            <i class="base-icon index-search-icon"></i>
                        </div>
                        <div id="sex" class="flex" style="margin-left: 10px;" onclick="changeSex();">
                            <i class="base-icon nav-male-icon"></i>
                        </div>
                    </div>
                    <div id="city">
                        <span class="city-name" onclick="_showCity()">附近</span>
                        <i class="aui-iconfont aui-icon-down"></i>
                    </div>
                    <div style="visibility: hidden;">占位</div>
                </div>
                <ul class="wrap flex-a one1 new-hide">
                    <li data-filter="hot: 1, sex:男" class="list active" onclick="randomSwitchBtn(0, 'one1')">附近</li>
                    <li data-filter="vip: 1, sex:男" class="list" onclick="randomSwitchBtn(1, 'one1')">会员
                    </li>
                </ul>
                <ul class="wrap flex-a one2">
                    <li data-filter="hot: 1, sex:女" class="list active" onclick="randomSwitchBtn(0, 'one2')">附近</li>
                    <li data-filter="new: 1, sex:女" class="list" onclick="randomSwitchBtn(1, 'one2')">新注册
                    </li>
                    <li data-filter="real: 1, sex:女" class="list" onclick="randomSwitchBtn(2, 'one2')">认证
                    </li>
                </ul>
            </li>
        </ul>
    </header>
    <!-- 公告消息 -->
    <ul class="notice" v-if="notice.length > 0">
        <marquee>
            <span v-for="(m, index) in notice">{{ m.content }}</span>
        </marquee>
    </ul>
    <ul class="wrap">
        <li class="list" v-for="(x, index) in ffList" @click="goUserInfo(x)">
            <div class="content-wrap">
                <div class="tx img-h">
                    <img :src="imgurl+x.user_head" @load="imgCss(imgurl+x.user_head, $event)" onerror="this.onerror=null;this.src='./image/touxiang.png'" alt="">
                    <span class="img-tag flex">
                        <!-- <i class="aui-iconfont aui-icon-image" style="font-size: 12px;margin-right: 3px;"></i> -->
                        <span class="img-num">{{x.imgcount || 0}}</span>
                    </span>
                </div>
                <div class="content">
                    <div class="name-wrap flex">
                        <span class="name">{{ x.user_name}}</span>
                        <span class="girl-tag tag" v-if="x.nvshen == 1"></span>
                        <span class="real-tag tag" v-if="x.is_identity_authentication == 2"></span>
                        <span class="vip-tag tag" v-if="x.is_vip >0"></span>
                    </div>
                    <div class="tag-wrap flex-w">
                        <span class="tag">{{ x.city || '未知' }}</span>
                        <span class="tag">{{x.user_age ?  x.user_age+'岁' : '未设置'}}</span>
                        <span class="tag">{{ x.occupation || '未设置' }}</span>
                        <span class="tag area-tag"><i class="base-icon juli-icon"></i><span>{{ x.user_distance ? x.user_distance : '未知' }}</span></span>
                        <span class="tag area-tag" :class="{'online-tag': x.last_login_datetime=='在线'}" >{{x.last_login_datetime}}</span>
                        <!-- <span class="tag online-tag" v-if="x.is_online == 1">在线</span> -->
                        <span class="tag money-tag" v-if="x.img_auth == 1"><i class="base-icon index-hb-icon"></i><span>付费相册</span></span>
                        <span class="tag lock-tag" v-if="x.img_auth == 2"><i class="base-icon index-lock-icon"></i><span>申请浏览</span></span>
                    </div>
                </div>
            </div>
            <span class="more" :class="{'active': x.love == 1}" @click.stop @click="sc(x.user_id, index);">
                <i class="aui-iconfont aui-icon-star"></i>
            </span>
            <!-- <span class="more" @click.stop="_more();">
                    <i class="aui-iconfont aui-icon-more"></i>
                </span> -->
        </li>
    </ul>
    <div id="no_more"></div>
    <div class="new-hide" id="modal-wrap"></div>
</div>
<script src="./script/area.js?v=1.0.1"></script>
<script src="./script/frame0.js?v=1.0.1"></script>